<template>
	<view class="mycontent">
		<u-navbar leftIcon="" :title="title" :bgColor="bgColor" placeholder></u-navbar>
		<view class="top">
			<view class="userinfo">
				<view class="avatar">
					<u--image :showLoading="true" :src="src" shape="circle" width="80px" height="80px" @click="click">
					</u--image>
				</view>
				<view class="nick">
					111
				</view>
			</view>
			<view class="quickFun">
				<view class="">
					<u--text type="" text="预约"></u--text>
				</view>
				<view class="">
					<u--text type="primary" text="收藏"></u--text>
				</view>
				<view class="">
					<u--text type="primary" text="主色"></u--text>
				</view>
				<view class="">
					<u--text type="primary" text="主色"></u--text>
				</view>
			</view>


		</view>
		<view class="u-page">
			<u-cell-group>
					<u-cell icon="setting-fill" title="个人设置"></u-cell>
					<u-cell icon="integral-fill" title="会员等级" value="新版本"></u-cell>
				</u-cell-group>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				title: '我的',
				bgColor: '#EA5455',
				indexList:[
					{
						name:'222'
					},
					{
						name:'22'
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.mycontent {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		.top {

			 background-color: #409eff;
			
			.userinfo {

				display: flex;
				flex-direction: row;
				justify-content: left;
				.avatar{
					margin-top: 40rpx;
					margin-left: 30rpx;
				}
			}

			.quickFun {
				display: flex;
				flex-direction: row;
				justify-content: center;

				view {
					margin: 24px 20px 20px 24px;
				}

			}
		}
		.u-page{
			//margin: 30rpx;
		}
	}
</style>
